<template>
	<view class="content">
		
		<view class="bind-phone">
			<view class="img center">
				<image src="../../static/mine/icon_phone.png" mode="aspectFit"></image>
			</view>
			<view class="phone f26 c333 center bold mt40 mb20">你的手机号：{{userInfo.phone}}</view>
			<view class="tip f25 c666 center ">如您的手机号已不使用，请及时更换。</view>
			<view class="btn f30 center cfff mt60" @tap="$u.to('./changePhoneInfo')">更换手机号</view>
		</view>
		
	</view>
</template>

<script>
	import {
		    mapState
	    } from 'vuex'; 
	export default {
		data() {
			return {
				
			}
		},
		computed: {
			...mapState(['userInfo'])
		},
		onLoad() {
			console.log(this.userInfo);
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
.bind-phone{
	  padding: 75rpx 35rpx;
	  .img{
		  image{
			  width: 110rpx;
			  height: 182rpx;
		  }
	  }
	  .btn{
		width: 680rpx;
		height: 90rpx;
		line-height: 90rpx;
		background: linear-gradient(0deg, #01C394 , #01C394 );
		border-radius: 50rpx;
  
	  }
  }
</style>
